<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="../css/ljl10.25.css"/>
	<body>
		<div id="ceBianLan">
			<a href="https://www.4399.com/"><button type="button" id="yeYou" class="fenLei"><img src="../img/树枝.png" class="tuPian"><span>页游</span></button></a>
			
			<a href="https://syzs.qq.com/?dyn_pack=1&media_id=01&media_type_id=0101019&owner_id=19&pay_id=10033019&ocpc=baidu-search&account_id=18421066&plan_id=142837697&group_id=5374539869&keyword_id=217088569633&creative_id=45626409989&adposition=cl1&pagenum=1&matchtype=1&scene_id=90164&ad_project_id=5&bd_vid=6180841175102425818&syzs_exp_id=0"><button type="button" id="shouYou" class="fenLei"><img src="../img/icon-分类左侧-手游-nor.png" class="tuPian"><span>手游</span></button></a>
			
			<a href="https://www.bilibili.com/"><button type="button" id="dongMan" class="fenLei"><img src="../img/日常家电—游戏手柄.png" class="tuPian"><span>动漫</span></button></a>
			
			<a href="https://www.kuaikanmanhua.com/"><button type="button" id="manHua" class="fenLei"><img src="../img/眼睛.png" class="tuPian"><span>漫画</span></button></a>
			
			<a href="https://www.bilibili.com/"><button type="button" id="dongHua" class="fenLei"><img src="../img/运行.png" class="tuPian"><span>动画</span></button></a>
			
			<a href="https://soft1.wxqlzkj.cn/2000005515.html?channel=4018516&wordId=897200406911&creativeid=103157657361&bfsemuserid=9771&bd_vid=6384326748388899978"><button type="button" id="xiaoShuo" class="fenLei"><img src="../img/小说.png" class="tuPian"><span>小说</span></button></a>
			
			<a href="https://baike.baidu.com/item/%E7%A4%BE%E5%8C%BA/904140"><button type="button" id="sheQu" class="fenLei"><img src="../img/社区说事.png" class="tuPian"><span>社区</span></button></a>
			
			<img src="../img/微信图片_20241025145130.png" id="yinCang">
		</div>
		<div id="zhanKai">
			<span>展开</span>
		</div>
	</body>
	<script type="text/javascript">
		let ceBianLan=document.getElementById('ceBianLan')
		let zhanKai=document.getElementById('zhanKai')
		ceBianLan.onclick=function(){
			
			ceBianLan.classList.add('dongHua')
			zhanKai.style.display='block'
			zhanKai.classList.add('danRu')
			setTimeout(function(){
				ceBianLan.classList.remove('dongHua')
				zhanKai.classList.remove('danChu')
				ceBianLan.style.left='-30px'
			},1000)
		}
		zhanKai.onclick=function(){
			
			ceBianLan.classList.add('dongHua2')
			zhanKai.classList.add('danChu')
			setTimeout(function(){
				
				ceBianLan.classList.remove('dongHua2')
				zhanKai.classList.remove('danRu')
				zhanKai.style.display='none'
			},1000)
			ceBianLan.style.left='0px'
// 			ceBianLan.classList.remove('dongHua')
// 			zhanKai.classList.remove('danRu')
		}
	</script>
</html>
